/*
 * @Date: 2023-08-08 16:16:26
 * @LastEditors: lyx
 * @LastEditTime: 2023-08-08 16:55:44
 * @FilePath: \sup-mini-app\src\pages\webview\webview.tsx
 * @Description:
 */

import Taro, { Component, getCurrentInstance } from "@tarojs/taro";
import { View, WebView } from "@tarojs/components";
/**
 * // NOTE Taro 的 RN 端还未提供 WebView 组件，可以引入原生组件来解决
 * （备注：Taro v1.2.16 已支持，这块代码还是保留作为演示）
 *
 * Taro 有开启了 tree shaking，对于未用到的内容编译时会自动去除
 * 因此可以把相应端的内容都 import 进来，再根据环境进行调用即可
 *
 * 另外 1.2.17 版本有提供了统一接口方式 https://nervjs.github.io/taro/docs/envs.html
 * 可以参考 ./src/pages/user-login 中的实现
 */
import "./webview.scss";
import { useEffect, useState } from "react";

export default function MyWebView() {
  const [url, setUrl] = useState("");
  useEffect(() => {
    const { router } = getCurrentInstance();
    const { params } = router || {};
    const { title = "", url = "" } = params || {};
    setUrl(decodeURIComponent(url));
    Taro.setNavigationBarTitle({ title });
  }, []);

  return (
    <View className="webview">
      <WebView src={url} />
    </View>
  );
}
